草庐IT

Bootstrap5 表单

全部标签

javascript - 如何在 Rails 中执行 AJAX-y 条件显示/隐藏表单字段?

我想在Rails的表单中显示或隐藏一些字段,具体取决于表单中选择字段的状态。我(目前)不需要对字段进行第二次数据库查找,因此我试图将其全部限制在View中。我已经勾勒出大纲,但我在实现细节方面遇到了一些麻烦。我最初的想法是使用observe_field并调用Element.show等等,但后来我不得不编写一个Javascript条件。这可能必须奏效,但我想尽可能避免它。另一种方法是使用observe_field请求RJS模板,并使用replace_html插入字段。还不错,但由于我使用的是form_forblock,所以我要么必须通过RJS模板一直传递表单实例才能正确完成。我还可以在每

javascript动态提交时更改表单

我有一个带有一些Action和onsubmit值的表单,它是通过提交输入标签提交的。问题是它应该可以通过两个按钮提交,所以我为第二个按钮编写了一个函数来更改表单的action和onsubmit值:ComparefunctionsubmitCompare(){document.myForm.action="anotherAction.php";document.myForm.onsubmit=function(){returncountChecked()};document.myForm.submit();}functioncountChecked(){varn=$(".reportsi

javascript - 在表单提交时获取对 _blank 目标窗口的引用

我有一个在提交时打开新窗口的表单:我想通过javascript访问新创建的窗口,无需手动为目标生成唯一名称,也无需借助其他方法打开窗口。似乎必须有一种简单的方法来执行此操作,但我找不到适合我的特定情况的方法。 最佳答案 代替_blank然后你可以使用命名你的新窗口。然后你可以在JS中使用它:varnewWindow=window.open(null,'newName'); 关于javascript-在表单提交时获取对_blank目标窗口的引用,我们在StackOverflow上找到一个类

javascript - 使用 jQuery 的 $.ajax 异步更新 Bootstrap 进度条

我有一个脚本在我的本地网络上循环遍历IP,检查那里是否有任何东西。每次迭代,我都会提交一个AJAX请求以使用cURL获取HTTP状态代码,该代码会返回到我的Javascript。我已经构建了计算进度条应该在哪里的函数,但是它只会在整个脚本执行完毕后更新进度条。这是我到目前为止所拥有的(我在这个例子中只使用0-23,因为我在199.235.130.22上,我返回'200')functionupdateProgress(percentage){document.getElementById('progressBar').style.width=percentage+'%';$('#prog

javascript - Bootstrap 3/显示模式不适用于 javascript 方式

我使用Modal来自Bootstrap3.0的功能。我有这个代码:Openthemodalcontainingthecontent//nestedcontentwillbeinsertedhere当我点击anchor(链接)时,整个工作=>我看到了带有内容的模态。但是,当我使用Javascript方式(而不是链接)来显示模态时:$('#myModal').modal('show');我只看到淡入淡出效果而没有显示模态...当我开始点击链接,然后调用javascript时,它起作用了。(副作用?)当我通过javascript方式启动时,即使链接只显示淡入淡出效果,而没有模态。可能是..m

javascript - Ajax 中的 Symfony2 表单验证

在某些页面上,我在引导模式中使用表单。我使用Ajax提交表单,它在Controller中得到验证。大多数用户会正确填写表单,但如果验证失败,表单将重新呈现并发送回给用户。我一点也不喜欢这样,但我找不到更好的方法,因为我无法访问字段的验证错误。有人有更好的方法来实现以JSON发送回验证错误吗? 最佳答案 我自己创建了一个函数publicfunctiongetFormErrors(Form$form){$errors=$form->getErrors();foreach($form->all()as$child){foreach($ch

javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件)

我正在使用bootstrap2并设置选项卡疑問リストフォロー中の投稿ユーザーの投稿在show.html.erb(成员)上。它适用于本地但不适用于远程(heroku)。然后我检查了日志,执行heroku日志并收到了一些错误消息。我不知道如何解决这个问题。你能帮我吗?☆错误信息ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.js"):ActionController::RoutingError(Noroutematches[GET]"/members/js/bootstrap.min.

javascript - 具有动态名称的 Angular 验证表单

通常为了验证Angular中的表单,我会在ng-submit指令中使用类似这样的东西:当表单具有我在构建表单时自己设置的名称时,这非常有效。但是,在我目前的情况下,我正在尝试基于对象列表创建多个表单。在这种情况下,每个表单都有一个动态确定的名称。当用户提交这些表单之一时,我如何在为该表单运行submitForm()函数之前对其进行验证?这是简化问题的jsfiddle:http://jsfiddle.net/flyingL123/ub6wLewc/1/我的问题是,如何访问表单名称以验证它?这是来自fiddle的代码:varapp=angular.module('app',[]);app.

javascript - Plupload:选择文件按钮在 Bootstrap 模态内时不起作用

Plupload“选择文件”按钮在Bootstrapmodal内时不起作用.问题问题似乎只存在于Apple设备上,例如iPad和iPhone。我已经在运行Android4.2.2的SamsungGalaxyS4Mini和运行Android4.4.2的Nexus7平板电脑上进行了测试,这两种设备都可以正常工作。演示这是一个演示问题的演示(请注意,您需要在iPad或iPhone上查看才能看到问题):JSFIDDLE注意事项有趣的是,如果我将以下标记移到.modal元素之外,以便“选择文件”按钮在初始页面加载时可见,那么问题就会消失。[Selectfiles][Uploadfiles]我的问

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.